<template>
  <div class="addpassport">
    <div class="tit">
      填写护照信息
      <span>パスポート情報</span>
    </div>
    <form class="mui-input-group">
      <div class="mui-input-row">
        <input type="text" placeholder="普通输入框">
      </div>
      <div class="mui-input-row">
        <input type="text" placeholder="普通输入框">
      </div>
      <div class="mui-input-row">
        <input type="text" placeholder="普通输入框">
      </div>
      <div class="mui-input-row">
        <input type="text" placeholder="普通输入框">
      </div>
    </form>
    <p>
      需要海外退税的用户建议填写完整护照信息和返程航班号，国外手机号仅作为客服海外紧急联络，建议每次旅行更改海外临时手机号。
    </p>
    <button>完成</button>
  </div>
</template>

<script>
export default {

  data () {
    return {
    }
  },

  methods: {},

  created () {
  }
}
</script>

<style lang='less' scoped>
.addpassport{
  width:100%;
  height:100%;
  position: relative;
}
.mui-input-group:before,.mui-input-group:after{
  height:0;
}
.mui-input-group .mui-input-row:after{
  left:0px;
}
.mui-input-group .mui-input-row{
  height:auto;
}
input{
  padding: 40px 10px 20px 5px;
  font-size: 14px;
color: #999999;
}
p{
  font-size: 12px;
  color: #B5B5B5;
  line-height: 16px;
  margin: 5px 0px;
}
button{
  background: #FDDF00;
  border-radius: 100px;
  border: none;
  box-shadow: none;
  width:100%;
  font-size: 14px;
  color: #333333;
  position: absolute;
  bottom:20px;
  padding: 15px 0;
}
</style>
